import React from 'react';
import ReactMarkdown from 'react-markdown';


class ChangeLogLine extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input:
      '```2017.3.2```\n' +
      '- 导入数据整理文档信息：数据详情-数据概要、列信息\n' +
      '### \n' +
      '```2016.12.27```\n' +
      '- 表元数据信息添加表类型：外部表或者内部表\n' +
      '### \n' +
      '```2016.12.26```\n' +
      '- 主题与用户绑定，不同用户拥有不同的主题\n' +
      '- 添加用户首页\n' +
      '- 修复bug：表文件大小为空时异常报错\n' +
      '### \n' +
      '```2016.12.14```\n' +
      '- 修复bug：数据绑定-内容列表不显示分类信息\n' +
      '### \n' +
      '```2016.12.12```\n' +
      '- 添加LDAP用户登录功能\n' +
      '### \n' +
      '```2016.12.6```\n' +
      '- 修复bug：字典管理，字典未选择时，添加字典项按钮不可用\n' +
      '### \n' +
      '```2016.12.5```\n' +
      '- 更新主菜单\n' +
      '- 新增字典管理\n' +
      '- 新增字典表解绑功能\n' +
      '- 表格行选择高亮\n' +
      '- 修复bug：数据详情修改备注报错\n' +
      '- 修复bug：主题管理，主题未选择时，添加分类按钮不可用\n' +
      '### \n' +
      '```2016.12.2```\n' +
      '- Table控件更新\n' +
      '- 镜像状态&数据绑定-镜像列表按照名称排序\n' +
      '- 主题管理-可以根据主题名筛选\n' +
      '### \n' +
      '```2016.11.30```\n' +
      '- 数据绑定-树形选择增加搜索功能\n' +
      '- 文件大小-显示B、KB、MB、GB单位\n' +
      '- 数据搜索-点击搜索结果，在详情界面增加绑定功能\n' +
      '### \n' +
      '```2016.11.28```\n' +
      '- 新增markdown更新日志\n' +
      '- 数据详情-添加字典表关联\n' +
      '- 主题管理-按钮风格修改\n' +
      '- 镜像管理-树形列表添加滚动条\n' +
      '- 数据搜索-添加表格所属库标示\n'
    };
  }

  render() {
    return (
      <div>
        <ReactMarkdown source={this.state.input} escapeHtml={true}/>
      </div>
    );
  }
}

export default ChangeLogLine;
